/*CSSé‡ç½®*/
body { margin: 0; }
* { -webkit-text-size-adjust: none; outline: none; }
.hidden { display: none; }
.noborder { border: none !important; }
.noTopMain { margin-top: 0 !important; }
ul { margin: 0; }

.x-scroll-container { overflow: hidden; width: 100%; }
.x-scroll-warper { }


.x-scroll-list { overflow: hidden; display: -webkit-box; }
.x-scroll-content { overflow-y: scroll; }


::-webkit-scrollbar { /* display: none; */ }



/*æ»‘åŠ¨åˆ†é¡µæŽ§ä»¶*/
ul.c-ViewPager { list-style-type: none; margin: 0; padding: 0; }
ul.c-ViewPager { -webkit-box-flex: 1; }
.c-ViewPager > li { display: inline-block; vertical-align: top; -webkit-box-flex: 1; position: relative; height: 100%; }
.c-vpi-pre { overflow: hidden; }
.c-vpi-next { overflow: hidden; }
.c-vpi-cur { overflow: scroll; max-height: none; }
/*.c-ViewPager > li {}*/



.c-scroll-container { -webkit-box-flex: 1; overflow: hidden; width: 100%; position: relative; display: -webkit-box; -webkit-box-orient: vertical; /* min-height: 100%; */ }
.c-scroll-container > * { width: 100%; box-sizing: border-box; }
.c-scroll-warper { width: 100%; /* min-height: 400px; */ }

.c-scroll-list-container { -webkit-box-flex: 1; overflow: hidden; width: 100%; position: relative; /* display: -webkit-box; */ /* -webkit-box-orient: vertical; */ /* min-height: 100%; */ }
.c-scroll-list-warper > * { width: 100%; box-sizing: border-box; }
.c-scroll-list-warper { width: 100%; /* min-height: 400px; */ }

#pullDown,
#pullUp { height: 40px; line-height: 40px; padding: 5px 10px; font-weight: bold; font-size: 14px; color: #888; text-align: center; clear: both; }
#pullDown .pullDownIcon,
#pullUp .pullUpIcon { display: block; float: left; width: 40px; height: 40px; /* For IE 6 and 7 */ -webkit-background-size: 40px 80px; background: url('../img/pull-icon@2x.png') 0 0 no-repeat; background-size: 40px 80px; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 250ms; }
#pullDown .pullDownIcon,
#pullUp.flip .pullUpIcon { -webkit-transform: rotate(0deg) translateZ(0); }
#pullUp .pullUpIcon,
#pullDown.flip .pullDownIcon { -webkit-transform: rotate(-180deg) translateZ(0); }
#pullDown.loading .pullDownIcon,
#pullUp.loading .pullUpIcon { background-position: 0 100%; -webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }

@-webkit-keyframes loading {
    from { -webkit-transform: rotate(0deg) translateZ(0); }
    to { -webkit-transform: rotate(360deg) translateZ(0); }
}



.c-modal-window { position: absolute;z-index: 10000; width: 100%; height: 100%;left: 0;top: 0;background-color: rgba(29, 29, 29, 0.54);display: flex;justify-content: center;align-items: center;}
.c-modal-content {  }


@-webkit-keyframes slideIn {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideInReverse {
    from { -webkit-transform: translateX(0%); }
    to { -webkit-transform: translateX(100%); }
}

.slideIn { -webkit-animation-name: slideIn; -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 0); -webkit-animation-duration: 150ms; -webkit-animation-delay: 0s; }
.slideInReverse { -webkit-animation-name: slideInReverse; -webkit-animation-duration: 300ms; -webkit-backface-visibility: hidden; }

.no_slideIn { }
.no_slideInReverse { display: none; }


/*åŠ è½½ä¸­æŽ§ä»¶*/
.c-loaingPanel { display: none;width: 100%;position: absolute;height: 100%;z-index: 100000;}
.c-loading > .c-loaingPanel { /* margin-top: 43px; */ display: block; position: absolute; width: 100%; height: 100%; line-height: 100%; z-index: 1000; text-align: center; }
.c-loading > .c-loaingPanel > .c-loadingGIF { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 30px; z-index: 1001; margin: auto; }

.c-n-loaingPanel { margin-top: 43px; display: block; position: absolute; width: 100%; height: 100%; line-height: 100%; z-index: 1000; text-align: center; }
.c-n-loaingPanel > .c-loadingGIF { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 30px; z-index: 1001; margin: auto; }

.noData { padding: 20px 0; text-align: center; font-size: 14px; }


.AlertDialogPanel { position: absolute; z-index: 90460; width: 100%; height: 100%; background-color: rgba(162, 162, 162, 0.96); }
.AlertDialogPanel .AlertDialogWarper { width: 250px; height: auto; background-color: #FBFBFB; margin: 0 auto; margin-top: 45%; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; padding: 10px; }
.AlertDialogPanel .title { font-weight: bold; font-size: 17px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(201, 201, 201); border-bottom: 1px solid rgb(219, 210, 210); padding: 5px 0; }
.AlertDialogPanel .contentPanel { padding: 15px 5px; }
.AlertDialogPanel .messageContent { }
.AlertDialogPanel .toolBar { text-align: right; }
.AlertDialogPanel .button { display: inline-block; color: white; padding: 10px 20px; background-color: rgb(255, 112, 0); -webkit-background-clip: padding-box; -webkit-border-radius: 10px; font-weight: bold; }


.ConfirmDialogPanel { position: absolute; z-index: 90460; width: 100%; height: 100%; background-color: rgba(162, 162, 162, 0.96); }
.ConfirmDialogPanel .ConfirmDialogWarper { width: 250px; height: auto; background-color: #FBFBFB; margin: 0 auto; margin-top: 45%; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; padding: 10px; }
.ConfirmDialogPanel .title { font-weight: bold; font-size: 17px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(201, 201, 201); border-bottom: 1px solid rgb(219, 210, 210); padding: 5px 0; }
.ConfirmDialogPanel .contentPanel { padding: 15px 5px; }
.ConfirmDialogPanel .messageContent { }
.ConfirmDialogPanel .toolBar { text-align: right; }
.ConfirmDialogPanel .button { display: inline-block; color: white; padding: 10px 20px; background-color: rgb(255, 112, 0); -webkit-background-clip: padding-box; -webkit-border-radius: 10px; font-weight: bold; }
.ConfirmDialogPanel .ok { }
.ConfirmDialogPanel .cancel { }


.c-tabPage { width: 100%; -webkit-box-flex: 1; display: -webkit-box; position: relative; -webkit-box-orient: vertical; }

.c-btn { display: block; -webkit-appearance: none; }
.c-modal-button { padding: 5px 30px; margin-right: 10px; background-color: red; color: white; border: none; font-size: 20px; }
.c-modal-button:last-child { margin-right: 0; background-color: rgb(142, 137, 137); }
.c-modal-toolbar { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; }

.c-commonDialog { -webkit-transition: opacity ease-in-out 500ms; }
.c-commonDialog { opacity: 1; -webkit-box-align: center; font-size: 18px; display: block; position: absolute; width: 100%; height: 100%; line-height: 100%; z-index: 10001; text-align: center; color: white; background-color: rgba(153, 153, 153, 0.77); }
.c-commonDialog .c-dialog-title { text-align: left; color: silver; font-size: 18px; /* text-indent: 20px; */ padding: 15px; padding-top: 15px; border-bottom: 1px solid lightgray; }
.c-commonDialog .c-dialog-usercontent { top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 1001; background-color: rgb(105, 103, 103); width: 80%; height: 190px; margin: auto; }
.c-commonDialog .c-dialog-message { padding: 12px 13px; text-align: left; text-indent: 30px; line-height: 24px; }
.c-commonDialog .c-dialog-toolbar { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; }
.c-commonDialog .c-dialog-toolbar-button { padding: 10px 30px; background-color: red; display: inline-block; font-size: 20px; -webkit-border-radius: 4px; }
.c-commonDialog #btnCancel { background-color: rgb(230, 252, 186); color: black; }


.c-DateTimeSelector { padding: 20px 0; }
.c-DateTimeSelector .DateArea { display: -webkit-box; width: 100%; margin-top: 20px; }
.c-DateTimeSelector .Year { }
.c-DateTimeSelector .Month { }
.c-DateTimeSelector .Day { }
.c-DateTimeSelector .TimeArea { display: -webkit-box; margin-top: 20px; }
.c-DateTimeSelector .Hour { }
.c-DateTimeSelector .Minute { }
.c-DateTimeSelector .Second { }
.c-DateTimeSelector .selectItem { -webkit-box-flex: 1; }
.c-DateTimeSelector select { width: 70px; font-size: 16px; text-align: center; display: inline; }

.c-DateTimeSelector label { font-size: 16px; }
.c-DateTimeSelector .c-modal-button { padding: 5px 10px; }
.c-DateTimeSelector .c-modal-toolbar { margin-top: 20px; }
.c-DateTimeSelector #btnClear { background-color: rgb(236, 114, 114); }


.carouselContainer { position: relative; overflow: hidden; }
.carouselContainer .page { position: absolute; top: 0; width: 100%; z-index: 1; }
.carouselContainer .indicatorPanel { position: absolute; bottom: 0; z-index: 52; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; width: 100%; }
.carouselContainer .indicatorPanel .indicator { width: 10px; height: 10px; background-color: #DADADA; -webkit-border-radius: 50%; display: inline-block; }
.carouselContainer .indicatorPanel .indicator.active { background-color: white; }
